<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>新闻类webApp - webpack + flex + less + rem + vw + iconfont</title>
</head>

<body>
    <!-- 750设计稿  -->
    <main class="s_main">
        <!-- 左图右文 -->
        <section class="s_card_item" style="background:pink">
            <aside class="s_card_txt">
                <h2>中央军委举行晋升上将军衔警衔仪式中央军委举行晋升上将军衔警衔仪式中央军委举行晋升上将军衔警衔仪式</h2>
                <div class="s_card_com">
                    <i class="iconfont icon-pinglun"></i>
                    <span>123</span>
                </div>
            </aside>
            <figure class="s_card_pic">
                <img src="https://nimg.ws.126.net/?url=http%3A%2F%2Fcms-bucket.ws.126.net%2F2020%2F1218%2F8a73cef0p00qlivk800ijc000s600e3c.png&thumbnail=234x146&quality=85&type=png" alt="">
            </figure>
        </section>

        <!-- 三小图 -->
        <section class="s_card_item s_card_three">
            <aside class="s_card_txt">
                <h2>中央军委举行晋升上将军衔警衔仪式中央军委举行晋升上将军衔警衔仪式中央军委举行晋升上将军衔警衔仪式</h2>
               
                <div class="s_pic_wrap">
                    <figure class="s_card_pic">
                        <img src="https://nimg.ws.126.net/?url=http%3A%2F%2Fcms-bucket.ws.126.net%2F2020%2F1218%2F8a73cef0p00qlivk800ijc000s600e3c.png&thumbnail=234x146&quality=85&type=png" alt="">
                        <img src="https://nimg.ws.126.net/?url=http%3A%2F%2Fcms-bucket.ws.126.net%2F2020%2F1218%2F8a73cef0p00qlivk800ijc000s600e3c.png&thumbnail=234x146&quality=85&type=png" alt="">
                        <img src="https://nimg.ws.126.net/?url=http%3A%2F%2Fcms-bucket.ws.126.net%2F2020%2F1218%2F8a73cef0p00qlivk800ijc000s600e3c.png&thumbnail=234x146&quality=85&type=png" alt="">
                    </figure>
            </div>
            <div class="s_card_com">
                <i class="iconfont icon-pinglun"></i>
                <span>123</span>
            </div>
            </aside>
        </section>

        <!-- 大图 -->
        <section class="s_card_item s_card_big">
            <aside class="s_card_txt">
                <h2>中央军委举行晋升上将军衔警衔仪式中央军委举行晋升上将军衔警衔仪式中央军委举行晋升上将军衔警衔仪式</h2>
                <figure class="s_card_pic">
                    <img src="https://nimg.ws.126.net/?url=http%3A%2F%2Fcms-bucket.ws.126.net%2F2020%2F1218%2F8a73cef0p00qlivk800ijc000s600e3c.png&thumbnail=234x146&quality=85&type=png" alt="">
                </figure>
                <div class="s_card_com">
                    <i class="iconfont icon-pinglun"></i>
                    <span>123</span>
                </div>
            </aside>
        </section>

        <!-- 纯文字 -->
        <section class="s_card_item s_card_big">
            <aside class="s_card_txt">
                <h2>中央军委举行晋升上将军衔警衔仪式中央军委举行晋升上将军衔警衔仪式中央军委举行晋升上将军衔警衔仪式</h2>
                <div class="s_card_com">
                    <i class="iconfont icon-pinglun"></i>
                    <span>123</span>
                </div>
            </aside>
        </section>
</main>
</body>

</html>